<template>
  <flexbox :gutter="0" class="bottom-submit">
    <flexboxItem>
      <a class="submit-btn" v-if="$route.query.titleName === '修改申请'">提交修改</a>
      <a class="submit-btn" v-else>提交申请</a>
    </flexboxItem>
  </flexbox>
</template>

<script>
  import { Flexbox, FlexboxItem } from 'vux';
  export default {
    name: 'BottomSubmit',
    components: {
      Flexbox,
      FlexboxItem
    }
  };
</script>

<style scoped lang="scss">
  @import '../../assets/style/variable';

  .bottom-submit{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    a{
      display: block;
      width: 100%;
      line-height: getRem(98);
      font-size: getRem(32);
      text-align: center;
      color: #fff;
      background-image: linear-gradient(97deg,
        #fa5864 0%,
        #fc476d 100%),
      linear-gradient(
        #d91616,
        #d91616);
      background-blend-mode: normal,
        normal;
    }
  }
</style>
